```html{7-9}
<script setup lang="ts">
import { toRefs } from 'vue';
import { Authenticator, useAuthenticator } from '@aws-amplify/ui-vue';
import '@aws-amplify/ui-vue/styles.css';

const { toForgotPassword } = toRefs(useAuthenticator());
</script>

<template>
  <authenticator>
    <template v-slot:sign-in-footer>
      <div style="text-align: center">
        <button
          @click="toForgotPassword"
          class="amplify-button amplify-field-group__control"
          data-fullwidth="false"
          data-size="small"
          type="button"
          style="font-weight: normal"
        >
          Forgot Password???
        </button>
      </div>
    </template>
  </authenticator>
</template>
```
